<template>
	<div class="wrap bigScreen_statistics">	
		<div class="body">
	    	<div class="headline">			  	    	 	 
	    	 	 <span class="title">企业统计</span>			  	    	 	 
	    	</div>  
	    	
	    	<div class="statistics_wrap">
                <div class="section section1">
                	<img src="/img/bigScreen/13.png" alt="" style="width: 60px;height: 60px;"/>
                	<div class="word">
                		<div class="word1">9001</div>
                		<div class="word2">企业总数</div>
                	</div>
                	
                	
                </div>
                <div class="section section2">
                	<div class="echarts_wrap">
                		<el-progress type="circle" :percentage="96.5" :show-text="false" class="el-progress" width="60" color='#39D8B1'></el-progress>
                	</div>
                	<div class="word">
                		<div class="word1">8691</div>
                		<div class="word2">运行企业</div>
                	</div>                	
                </div>
               
                <div class="section section3">
                 	<el-progress type="circle" :percentage="3.5" :show-text="false" class="el-progress" width="60" color='#F5A623'></el-progress>               	
                	<div class="word">
                		<div class="word1">310</div>
                		<div class="word2">停产企业</div>
                	</div>                   	
                </div>
	    	</div>
    	</div>
    	 

    	 
	</div>
</template>	

<script>
	export default {
		data() {
			return {

			}

		},
		mounted() {
          
		},
		methods: {
		
		}
	}
</script>
<style>
	.bigScreen_statistics .el-progress-circle__track {
        stroke: #111f3b;
    }
   
</style>
<style lang="scss" scoped>
.wrap{height: 100%;}
.body{
  height: 100%;	
  display: flex;flex-direction: column;
  .statistics_wrap{flex: 1;display: flex;}	
  .section{flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;
    .word{color: #fff;margin-left: 10px;text-align: center;
       .word1{font-size: 18px;font-family:yjsz;margin-bottom: 4px;}
       .word2{font-size: 12px;}
    }
  }
  .section1{}
  .section2{
  	.echarts_wrap{width: 60px;height: 60px;
  	  .el-progress{width: 100%;height: 100%;}
  	}
  }
}
.headline{
		display: flex;
		color: #fff;		
		.title{
	      background: #131420;
	      padding: 8px 15px;
	      display: inline-block;
	      font-size: 14px;
		    box-shadow: inset 0 0 10px 0 rgba(53,145,255,.8);
		    border: 1px solid #3591ff80;          
		}
}	

</style>
